<template>

  <el-menu
      default-active="2"
      class="el-menu-vertical-demo"


  >
    <el-menu-item index="2">
      <el-icon><user /></el-icon>
      <a href="/UserManage" target="Frame1"  style="text-decoration: none;font-size: 16px;color:cadetblue">用户管理</a>
    </el-menu-item>

    <el-menu-item index="3">
      <el-icon><document /></el-icon>
      <a href="/MessageManage" target="Frame1" style="text-decoration: none;font-size: 16px;color:cadetblue">消息管理</a>
    </el-menu-item>

    <el-menu-item index="4">
      <el-icon><WarnTriangleFilled /></el-icon>
      <a href="/ReportManage" target="Frame1"  style="text-decoration: none;font-size: 16px;color:cadetblue">用户举报</a>

    </el-menu-item>
  </el-menu>

  <iframe class="iframe" name="Frame1">

  </iframe>


</template>

<script>
export default {
  date(){
    return{
      username:'',
      userManage:'',
      messageManage:'',
      friendList:'',
    }
  }

}


</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  /*position: absolute;*/
  width: 200px;
  min-height: 400px;
  float: left;

}
.iframe{
  width: 1300px;
  height: 700px;
  float: left;

  border: none;
}
</style>
